/* 
    Document   : menu
    Created on : Feb 1, 2009, 10:05:08 PM
    Author     : Fernando
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

#menu{
     margin:      0 auto;
     width:       800px;
     background-color:  blue;
}

#lista {padding:5px 0 0 1em; margin:0; width:789px; list-style:none; height:40px; position:relative; background:transparent url(pro_five_0c.gif) repeat-x left bottom; font-size:11px;}
#lista li {float:left; height:40px; margin-right:1px;}
#lista li a {display:block; margin-right:7px; float:left; height:40px; line-height:35px; color:#333; text-decoration:none; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 4px; cursor:pointer; background:url(pro_five_0a.gif) no-repeat;}
#lista li a b {float:left; display:block; padding:0 16px 5px 12px; background:url(pro_five_0b.gif) no-repeat right top;}
#lista li.current a {color:#000; background:url(pro_five_2a.gif) no-repeat;}
#lista li.current a b {background:url(pro_five_2b.gif) no-repeat right top;}
#lista li a:hover {color:#000; background: url(pro_five_1a.gif) no-repeat;}
#lista li a:hover b {background:url(pro_five_1b.gif) no-repeat right top;}
#lista li.current a:hover {color:#000; background: url(pro_five_2a.gif) no-repeat; cursor:default;}
#lista li.current a:hover b {background:url(pro_five_2b.gif) no-repeat right top;}

#añadir{
    background-color: silver;
}
#consultar{
    background-color: silver;
}
#reportes{
    background-color: silver;
}

#submenu{
    position:               absolute;
    top:                    190px;
    left:                   200px;
    margin-top:             0px;
    background-color:       silver;
    width:                  100px;
    font-family:            Calisto,verdana, arial, sans-serif;
    font-size:              12px;
    z-index:                99;
}

#contenido_menu ul{
    text-align:             left;
}

#contenido_menu ul li{
    list-style-type:        none;
    margin-bottom:          10px;
 /*   border:                1px solid black;
     margin-bottom:         2px;
     background-color:      silver;*/
}

#contenido_menu ul li a{
    color:                  black;
    text-decoration:        none;
}

#contenido_menu ul li a:hover{
    color:                  gray;
}

